.popover {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1000;
   width: 100%;
   height: 100%;

   &__content {
      position: absolute;
      right: 0;
      font-size: 1.4rem;
      height: max-content;
      width: max-content;
      letter-spacing: .5px;
      padding: 1rem 1.5rem;
      border-radius: 8px;
      line-height: 1.4;
      background: var(--bg-secondary);
      color: var(--text-primary);
      box-shadow: rgba(0, 0, 0, 0.4) 0px 3px 8px;

      &::after {
         content: "";
         position: absolute;
         top: -0.7rem;
         right: 1rem;
         border-style: solid;
         border-width: 0 1rem 1rem 1rem;
         border-color: transparent transparent var(--bg-secondary) transparent;
      }
   }
}
